<template>
  <div>
    存在 <span v-if="status==item.value" :class="'icon-warning-'+status" v-for="item in data">{{item.label}}</span>事件！
  </div>
</template>

<script>
export default {
name: "PopoverStatus",
  props:['data','status'],
}
</script>

<style lang="scss" scoped>
// 特别重大
.icon-warning-levelSpMajor {
  color: #fe3535;
}

//比较重大
.icon-warning-levelMajor {
  color: #21FFEB
}

// 重大
.icon-warning-levelMore {
  color: #FFCF2F
}
// 一般
.icon-warning-levelCommonly{
  color: #3B8BFF
}
</style>
